<template>
	<view class="index">
		<u-tabbar 
		v-model="current"
		:border-top='false'
		height="95"
		inactive-color="#40415e" 
		active-color="#6279f9" 
		bg-color="#181818" 
		:list="navList" ></u-tabbar>
	</view>
</template>
<script>
	export default {
		name:'Nav',
		current: {
		    type: Number,
		    value: null
		},
		data() {
			return {
				current:this.current,
				navList: [{
						iconPath: "../../static/icon/smactive.png",
						selectedIconPath: "../../static/icon/sm.png",
						text: '说明',
						pagePath: '/pages/Index/index'
						
					},
					{
						iconPath: "../../static/icon/hyactive.png",
						selectedIconPath: "../../static/icon/hy.png",
						text: '合约',
						pagePath: '/pages/Contract/index'
						
					},
					{
						iconPath: "../../static/icon/jyactive.png",
						selectedIconPath: "../../static/icon/jy.png",
						text: '交易',
						pagePath: '/pages/Transaction/index'
						
					},
					{
						iconPath: "../../static/icon/kjactive.png",
						selectedIconPath: "../../static/icon/kj.png",
						text: '矿机',
						pagePath: '/pages/Miningmachine/index'
						
					},
					{
						iconPath: "../../static/icon/myactive.png",
						selectedIconPath: "../../static/icon/my.png",
						text: '我的',
						pagePath: '/pages/My/index'
						
					},
				]
			}
		},
		onReady() {
			
		},
		onLoad() {

		},
		methods: {
			
		}
	}
</script>
<style lang="less" scoped>
	.index{
		::v-deep .u-tabbar__content__item__text{
			font-size: 10px;
		}
	}
</style>
